/* CUSTOM 5 COLUMN SPAN LAYOUT
  *
  * based on http://gridcalculator.dk/
  * width => 1200, gutter => 15px, margin => 15px, columns => 5
  */
.row-fluid-5 {
    width: 100%;
    *zoom: 1;
}
.row-fluid-5:before,
.row-fluid-5:after {
    display: table;
    line-height: 0;
    content: "";
}
.row-fluid-5:after {
    clear: both;
}
.row-fluid-5 [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 1.875%;
    *margin-left: 1.875%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid-5 .controls-row [class*="span"] + [class*="span"] {

    margin-left: 1.875%;
}
.row-fluid-5 [class*="span"]:first-child{
    margin-left: 0;
}
.row-fluid-5 .span2 {
    width: 18.5%;
    *width: 18.5%;
}

/* responsive ONLY */

@media (max-width: 600px){ /* spans reduce to 100px then go full width */

    .row-fluid-5 [class*="span"]{
        margin-left: 0;
        float: left;
        width: 100%;
        padding: 10px;
    }
}